<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>树状图</title>
                <script type="text/javascript" src="https://assets.pyecharts.org/assets/v5/echarts.min.js"></script>

</head>
<body >
    <div id="995951ce224440d0bb10d56bb5155340" class="chart-container" style="width:800px; height:900px; "></div>
    <script>
        var chart_995951ce224440d0bb10d56bb5155340 = echarts.init(
            document.getElementById('995951ce224440d0bb10d56bb5155340'), 'light', {renderer: 'canvas'});
        var option_995951ce224440d0bb10d56bb5155340 = {
    "animation": true,
    "animationThreshold": 2000,
    "animationDuration": 1000,
    "animationEasing": "cubicOut",
    "animationDelay": 0,
    "animationDurationUpdate": 300,
    "animationEasingUpdate": "cubicOut",
    "animationDelayUpdate": 0,
    "aria": {
        "enabled": false
    },
    "series": [
        {
            "type": "tree",
            "data": [
                {
                    "name": "\u4eba\u5de5\u667a\u80fd\u5e38\u89c1\u5e94\u7528\u573a\u666f",
                    "children": [
                        {
                            "name": "1\uff0eAI+\u5b89\u9632",
                            "children": [
                                {
                                    "name": "\u8b66\u7528\u667a\u6167\u5b89\u9632"
                                },
                                {
                                    "name": "\u6c11\u7528\u667a\u6167\u5b89\u9632"
                                }
                            ]
                        },
                        {
                            "name": "2\uff0eAI+\u6559\u80b2",
                            "children": [
                                {
                                    "name": "\u7cbe\u51c6\u5316\u6559\u5b66"
                                },
                                {
                                    "name": "\u79d1\u5b66\u5316\u7ba1\u7406"
                                },
                                {
                                    "name": "\u4e2a\u6027\u5316\u5b66\u4e60"
                                },
                                {
                                    "name": "\u81ea\u52a8\u5316\u8003\u8bc4"
                                }
                            ]
                        },
                        {
                            "name": "3\uff0eAI+\u533b\u7597",
                            "children": [
                                {
                                    "name": "\u533b\u7597\u7ba1\u7406\u667a\u80fd\u5316"
                                },
                                {
                                    "name": "\u75be\u75c5\u8bca\u7597\u667a\u80fd\u5316"
                                },
                                {
                                    "name": "\u75be\u75c5\u9884\u6d4b\u667a\u80fd\u5316"
                                },
                                {
                                    "name": "\u836f\u7269\u7814\u53d1\u667a\u80fd\u5316"
                                }
                            ]
                        },
                        {
                            "name": "4\uff0eAI+\u4ea4\u901a",
                            "children": [
                                {
                                    "name": "\u7535\u5b50\u8b66\u5bdf"
                                },
                                {
                                    "name": "\u65e0\u4eba\u9a7e\u9a76\u6c7d\u8f66"
                                },
                                {
                                    "name": "\u667a\u80fd\u505c\u8f66\u8bf1\u5bfc\u7cfb\u7edf"
                                },
                                {
                                    "name": "\u4e0d\u505c\u8f66\u6536\u8d39"
                                }
                            ]
                        },
                        {
                            "name": "5\uff0eAI+\u96f6\u552e",
                            "children": [
                                {
                                    "name": "\u7cbe\u51c6\u8425\u9500"
                                },
                                {
                                    "name": "\u65e0\u4eba\u96f6\u552e"
                                },
                                {
                                    "name": "\u667a\u6167\u95e8\u5e97"
                                },
                                {
                                    "name": "\u667a\u80fd\u5ba2\u670d"
                                }
                            ]
                        }
                    ]
                }
            ],
            "top": "5%",
            "zoom": 1,
            "symbol": "emptyCircle",
            "symbolSize": 7,
            "edgeShape": "curve",
            "edgeForkPosition": "50%",
            "roam": false,
            "expandAndCollapse": true,
            "layout": "orthogonal",
            "orient": "LR",
            "label": {
                "show": true,
                "position": "top",
                "distance": 0,
                "margin": 8,
                "fontSize": "15",
                "valueAnimation": false
            },
            "leaves": {},
            "selectedMode": false
        }
    ],
    "legend": [
        {
            "data": [],
            "selected": {},
            "show": false,
            "padding": 5,
            "itemGap": 10,
            "itemWidth": 25,
            "itemHeight": 14,
            "backgroundColor": "transparent",
            "borderColor": "#ccc",
            "borderRadius": 0,
            "pageButtonItemGap": 5,
            "pageButtonPosition": "end",
            "pageFormatter": "{current}/{total}",
            "pageIconColor": "#2f4554",
            "pageIconInactiveColor": "#aaa",
            "pageIconSize": 15,
            "animationDurationUpdate": 800,
            "selector": false,
            "selectorPosition": "auto",
            "selectorItemGap": 7,
            "selectorButtonGap": 10
        }
    ],
    "tooltip": {
        "show": true,
        "trigger": "item",
        "triggerOn": "mousemove|click",
        "axisPointer": {
            "type": "line"
        },
        "showContent": true,
        "alwaysShowContent": false,
        "showDelay": 0,
        "hideDelay": 100,
        "enterable": false,
        "confine": false,
        "appendToBody": false,
        "transitionDuration": 0.4,
        "textStyle": {
            "fontSize": 14
        },
        "borderWidth": 0,
        "padding": 5,
        "order": "seriesAsc"
    },
    "title": [
        {
            "show": true,
            "text": "name:\u4eba\u5de5\u667a\u80fd\u5e38\u89c1\u5e94\u7528\u573a\u666f\u6811\u72b6\u56fe",
            "target": "blank",
            "subtarget": "blank",
            "left": "center",
            "padding": 5,
            "itemGap": 10,
            "textAlign": "auto",
            "textVerticalAlign": "auto",
            "triggerEvent": false
        }
    ]
};
        chart_995951ce224440d0bb10d56bb5155340.setOption(option_995951ce224440d0bb10d56bb5155340);
    </script>
</body>
</html>
